// style文件入口
@import './common.less';
@import './table.less';

html {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family:  Microsoft YaHei, Arial, sans-serif;
    margin: 0;
    height: 100%;
    width: 100%;
    color: #29303e;
    overflow: hidden;
}

ul,li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

*{
    &::-webkit-scrollbar {
        height: 6px;
        width: 6px;
    }

    &::-webkit-scrollbar-track {
        // background-color: #fff;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgb(220, 223, 230);
    }
    &::-webkit-scrollbar-thumb:vertical {
        border-radius: 3px;
    }
    &::-webkit-scrollbar-thumb:horizontal {
        border-radius: 3px;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: #6383ff;
    }
}
  

.el-menu {
    border-right: none !important;
}

// 弹窗基本样式
.el-dialog {
    padding: 0 !important;
    border-radius: 4px;
    .el-dialog__header {
        padding-bottom: 0;
        padding: 0 16px;
        height: 40px;
        line-height: 40px;
        background-color: #f5f7fd;
        border-radius: 4px 4px 0 0;
        .el-dialog__title {
            height: 100%;
            font-size: 12px;
            display: flex;
            align-items: center;
        }
        .el-dialog__title::before {
            content: '';
            display: inline-block;
            width: 4px;
            border-radius: 2px;
            height: 12px;
            background-color: #6383ff;
            margin-right: 8px;
        }
    }
    .el-dialog__body {
        padding: 16px;
    }
    .el-dialog__footer {
        padding: 0 16px 16px 16px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.el-overlay {
    .el-overlay-dialog {
        .el-dialog {
            .el-dialog__header {
                position: relative;
                height: 40px;
                line-height: 40px;
                padding: 0 16px !important;
                margin: 0;
                background: #F5F7FD;
                .el-dialog__title {
                font-size: 13px;
                font-family: SourceHanSansCN Regular;
                color: #2A303D;
                &::before {
                    content: '';
                    display: inline-block;
                    width: 4px;
                    height: 12px;
                    background: #6383ff;
                    border-radius: 2px;
                    margin-right: 8px;
                }
                }
                .el-dialog__headerbtn {
                position: absolute;
                top: 12px;
                right: 32px;
                height: 0;
                width: 0;
                }
            }
            .el-dialog__body {
                padding: 16px;
            }
            .el-dialog__footer {
                padding: 0 16px 16px;
            }
        }
    }
}

//全屏（全屏时无title）
.is-fullscreen {
    .el-dialog__header {
        display: none;
    }
    .el-dialog__body {
        height: 100%;
        padding: 0 !important;
    }
}

// 弹窗body无padding
.nopadding-body-dialog {
    .el-dialog__body {
        padding: 0 !important;
    }
}

// 没有底部的普通弹窗，
.log-dialog {
    .el-dialog__body {
        padding: 0 !important;
    }
    .el-dialog__footer {
        display: none !important;
    }
}